import React, { Component } from 'react';
import {
    View
} from 'react-native';
import ScrollableTabView, { DefaultTabBar, ScrollableTabBar } from 'react-native-scrollable-tab-view';
import Follow from '../contain/follow';
import Check from '../contain/check';
import Shoucang from '../contain/shoucang';

//加载模块样式
import { Trendsstyles as styles } from '../../../../styles';

// 获取当前设备的宽度
const Dimensions = require('Dimensions');
const { width, height } = Dimensions.get('window');

export default class head extends Component {

    render() {
        return (
            <View style={{ flex: 1 }}>
                <ScrollableTabView
                    renderTabBar={() => <DefaultTabBar />}
                    tabBarUnderlineStyle={[styles.lineStyle, { width: width / 3 }]}
                    tabBarBackgroundColor='#3D9CCC'
                    tabBarActiveTextColor='#FFFFFF'
                    tabBarInactiveTextColor='#DEEEF0'>
                    <View tabLabel='我收藏的职位' style={{flex:1}}><Shoucang navigation = {this.props.navigation}/></View>
                    <View tabLabel='谁看了我的简历' style={{flex:1}}><Check navigation = {this.props.navigation} /></View>
                    <View tabLabel='我关注的企业' style={{flex:1}}><Follow navigation = {this.props.navigation} /></View>
                </ScrollableTabView>
            </View>
        );
    }
}

